// 全局变量
// 颜色
$color-primary: #409eff; // 主要色
$color-success: #67c23a; // 成功色
$color-warning: #e6a23c; // 警告色
$color-danger: #f56c6c; // 危险色
$color-info: #909399; // 信息色
$color-text: #303133; // 文本色
$color-border: #dcdfe6; // 边框色
$color-background: #fff; // 背景色
$color-mask: rgba(0, 0, 0, 50%); // 遮罩层颜色
// 字体
$font-size-base: 14px; // 字体大小
$font-size-lg: 16px; // 大号字体大小
$font-size-sm: 12px; // 小号字体大小

// 边距
$padding-lg: 16px; // 大间距
$padding-md: 12px; // 中间距
$padding-sm: 8px; // 小间距
$padding-xs: 4px; // 极小间距
$margin-lg: 24px; // 大外边距
$margin-md: 16px; // 中外边距
$margin-sm: 12px; // 小外边距
$margin-xs: 8px; // 极小外边距

// 圆角
$border-radius-base: 4px; // 基础圆角
$border-radius-sm: 2px; // 小圆角
$border-radius-lg: 8px; // 大圆角

// 高度
$height-base: 40px; // 基础高度
$height-lg: 48px; // 大高度
$height-sm: 32px; // 小高度

// 宽度
$width-base: 100px; // 基础宽度
$width-lg: 120px; // 大宽度
$width-sm: 80px; // 小宽度

// 间距
$spacing-base: 16px; // 基础间距
$spacing-lg: 24px; // 大间距
$spacing-sm: 12px; // 小间距

// 行高
$line-height-base: 1.5; // 基础行高

// 其他
$transition-duration: 0.3s; // 过渡时间
$transition-timing-function: ease-in-out; // 过渡曲线
$transition-delay: 0s; // 过渡延迟

$z-index-base: 1000; // 基础层级
$z-index-fixed: 1000; // 固定层级
$z-index-modal: 10000; // 模态层级
